<!-- first banner -->
<div id="yrys-banner-first" class="header-banner">
{% if section.settings.banner_enable %}
  <a href="{{ section.settings.ld_banner_href_first }}" style="margin:0 auto;">

    <img class="banner-mobile-image" src="{% if section.settings.ld_banner_img_first_mobile %}{{ section.settings.ld_banner_img_first_mobile | img_url: 'master' }}
    {% else %}{{ 'Black_Friday_mob.jpg' | asset_url }}{% endif %}"  
    style="margin:0 auto;" />

    <img class="banner-desktop-image" src="{% if section.settings.ld_banner_img_first_pc %}{{ section.settings.ld_banner_img_first_pc | img_url: 'master' }}
    {% else %}{{ 'Black_Friday_pc_banner.jpg' | asset_url }}{% endif %}"  
    style="margin:0 auto;" />

  </a>
{% endif %}
</div>

{% schema %}
  {
    "name": "Custom Banner Image",
    "settings": [{
      "type": "checkbox",
      "id": "banner_enable",
      "label": "Enable Section",
      "default": true
    },{
      "type": "text",
      "id": "ld_banner_href_first",
      "label": "Banner Image Link",
      "info": "Put href link here",
      "default":"#"
    },{
      "type": "image_picker",
      "id": "ld_banner_img_first_pc",
      "label": "Banner Image On PC Client",
      "info": "Upload a banner image(PC) for the landing page"
    },{
      "type": "image_picker",
      "id": "ld_banner_img_first_mobile",
      "label": "Banner Image On Mobile Client",
      "info": "Upload a banner image(Mobile) for the landing page"
    }]
  }
{% endschema %}